<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<link rel="stylesheet" type="text/css" href="../static/jquery-easyui-1.3.4/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../static/jquery-easyui-1.3.4/themes/icon.css">
	<script type="text/javascript" src="../static/jquery-easyui-1.3.4/jquery.min.js"></script>
	<script type="text/javascript" src="../static/jquery-easyui-1.3.4/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../static/jquery-easyui-1.3.4/addon/datagrid_filter.js"></script>
	<script type="text/javascript" src="../static/hp_onhold/hp_onhold.js"></script>

	<title></title>
</head>
<body>
	<table id="dg" class="easyui-datagrid" title="HP ONHOLD" style="width:auto;height:auto" rownumbers="true"
		    data-options="singleSelect:true,pagination:true,url:'get',method:'get' ,multiSort:true,toolbar:'#tb', onClickCell: onClickCell">
		<thead data-options="frozen:true">
		    <tr>
			<th data-options="field:'ONHOLD_WIP_ID',width:50">ID</th>
			<th data-options="field:'ORDER_NR',sortable:true,width:80">ORDER_NR</th>
			<th data-options="field:'SERIAL_NR',sortable:true,width:100">SERIAL_NR</th>
			<th data-options="field:'CUSTOMER_PO',sortable:true,width:100,align:'right'">CUSTOMER_PO</th>
		    </tr>
		</thead>

		<thead>
			<th data-options="field:'KEYIN_DATE',sortable:true,width:120,align:'left'">KEYIN_DATE</th>

			<th data-options="field:'ONHOLD_REASON_DESC',width:150,editor:{
                            type:'combobox',
                            options:{
                                valueField:'reason_id',
                                textField:'reason_desc',
                                url:'get_wait_reason',
                                required:true
                            }}">ONHOLD_REASON_DESC</th>
			<th data-options="field:'STATUS',sortable:true,width:50,editor:'text',editor:'text'">STATUS</th>
			<th data-options="field:'TAT',width:60,editor:{type:'numberbox',options:{min:0,max:999999999,precision:2}}">TAT</th>
			<th data-options="field:'WAIT_MEMO',width:200,editor:'text'">WAIT_MEMO</th>
			<th data-options="field:'PRODUCT_TYPE',width:60,editor:'text'">PRODUCT_TYPE</th>
			<th data-options="field:'TRAN_OWNER',width:90,editor:'text'">TRAN_OWNER</th>
			<th data-options="field:'CLOSED_DATE',width:120,editor:'datebox'">CLOSED_DATE</th>
			<th data-options="field:'REPAIR_ETA',width:120,editor:'text'">REPAIR_ETA</th>
			<th data-options="field:'ESCALATION_FEEDBACK',width:200,editor:'text'">ESCALATION_FEEDBACK</th>
			<th data-options="field:'PART_ARRIVAL_ETA',width:120,editor:'text'">PART_ARRIVAL_ETA</th>
			<th data-options="field:'ROOT_CAUSE',width:200,editor:'text'">ROOT_CAUSE</th>
			<th data-options="field:'SOLUTION',width:200,editor:'text'">SOLUTION</th>
			<th data-options="field:'CT_DT',width:120">CT_DT</th>
			<th data-options="field:'MD_DT',width:120">MD_DT</th>
		</thead>
	</table>
	<div id="tb" style="padding:5px;height:auto">
		<div style="margin-bottom:5px">
		    <a id="btn_add" href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true"></a>
		    <a id="btn_save" href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true"></a>
		    <a id="btn_upload" href="#" class="easyui-linkbutton" iconCls="icon-upload" plain="true"></a>
		    <a id="btn_download" href="#" class="easyui-linkbutton" iconCls="icon-download" plain="true"></a>
		</div>
	</div>
	<div id="win" class="easyui-window" title="UPLOAD" style="width:300px;height:200px" data-options="iconCls:'icon-save',closed:true,modal:true">
	<form id="ff" method="post" action="Main/Upload/post" enctype="multipart/form-data">
		<table>
		<tr>
		<td><input name="uploadfile" id="uploadfile" type="file"></td>
		</tr>
		<tr>
		<td><a id="btn_upload_do" class="easyui-linkbutton" data-options="iconCls:'icon-upload'">UPLOAD</a></td>
		</tr>
		</table>
	</form>
	</div>
</body>
</html>